<template>
    <el-container>
        <mapbox_map></mapbox_map>
        <layer style="position: absolute; left: 50px; top: 70px; border-radius: 5px;"></layer>
        <styleLegend style="position: absolute;right: 20px;bottom: 30px;background-color: #fff;border-radius: 5px;">
        </styleLegend>
        <layerAttrDialog></layerAttrDialog>
        <mapservice></mapservice>
        <table_1></table_1>
    </el-container>
</template>

<script>
    import mapbox_map from "./mapbox.vue"
    import layer from "./layer.vue"
    import styleLegend from "./legend.vue"
    import layerAttrDialog from "./layerAttrDialog.vue"
    import mapservice from "./mapservice.vue";
    import table_1 from "./table.vue"
    export default {
        components: {
            mapservice,
            mapbox_map,
            layer,
            styleLegend,
            layerAttrDialog,
            table_1
        },
        data() {
            return {}
        },
    }
</script>

<style >

</style>